css2%20text

css2%20text to potoczna nazwa zestawu właściwości związanych z formatowaniem tekstu w specyfikacji CSS 2. Definicje te zostały opublikowane po raz pierwszy w 1998 roku przez W3C i od tego czasu stanowią podstawę wyświetlania i stylizacji treści tekstowych w dokumentach HTML oraz XHTML.

Historia

Wcześniejsze wersje CSS (np. CSS 1) zawierały jedynie podstawowe właściwości, takie jak font-family czy color. W CSS 2 wprowadzono szereg nowych atrybutów umożliwiających precyzyjną kontrolę nad wyrównaniem, odstępami i dekoracjami tekstu. Specyfikacja z 1998 roku (CSS 2.1, 2011) rozbudowała te możliwości, a późniejsze moduły (np. CSS 3) zachowały kompatybilność wstecz.

Podstawowe właściwości tekstu w CSS 2

font-family – określa rodzinę czcionki. Czcionki webowe są najczęściej podawane w kolejności priorytetowej.
font-size – rozmiar tekstu. Dopuszczalne jednostki: px, pt, em, ex, percent.
font-weight – grubość czcionki (normal, bold, bolder, lighter, 100‑900).
font-style – styl (normal, italic, oblique).
color – kolor tekstu, wyrażany w postaci #RRGGBB, rgb() lub nazwanych kolorów.
text-align – wyrównanie poziome (left, right, center, justify).
text-decoration – dekoracje (underline, overline, line-through, blink).
text-indent – wcięcie pierwszej linii akapitu.
letter-spacing – odstęp między znakami.
word-spacing – odstęp między wyrazami.
text-transform – zmiana wielkości liter (uppercase, lowercase, capitalize).
line-height – wysokość linii, wpływa na odstęp pionowy.

Przykładowe użycie


/* Przykład stylu dla akapitu */
p {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #333333;
    text-align: justify;
    text-indent: 2em;
    letter-spacing: 0.05em;
    word-spacing: 0.2em;
    text-decoration: none;
}

W powyższym fragmencie zastosowano wszystkie najważniejsze właściwości tekstu dostępne w CSS 2. Efekt jest widoczny w każdym nowoczesnym przeglądarce przeglądarce.

Zależności i kompatybilność

Większość współczesnych przeglądarek implementuje CSS 2 w pełni, choć niektóre starsze wersje (np. Internet Explorer 5) mogą wymagać prefiksów lub nieobsługiwać niektórych właściwości, takich jak letter-spacing. Dla zapewnienia maksymalnej kompatybilności zaleca się stosowanie CSS 3 jako warstwy nad CSS 2, wykorzystując jednocześnie graceful degradation i progressive enhancement.

Powiązane artykuły

Bibliografia

W3C, CSS 2.1 Specification, 2011, dostępny w archiwum W3C.
Eric A. Meyer, CSS: The Definitive Guide, O'Reilly Media, 2006.
Mark Otto, Jacob Thornton, Bootstrap Documentation, 2024 – sekcja dotycząca tekstu w CSS.